import "./index.scss"; // 导入CSS样式
import Test from "@/assets/test.png";
import CardComponent from "@/components/card/index.tsx";
// const { Meta } = Card;
const videoExp = `https://stream7.iqilu.com/10339/upload_transcode/202002/18/20200218114723HDu3hhxqIT.mp4`;

const Home = () => {
  const list: Array<any> = [
    1, 2, 3, 4, 5, 6, 7, 8, 12, 31, 231, 231, 23, 12, 312, 12,
  ];
  return (
    <div className="waterfall-container">
      <div className="Colcard">
        {list.map((_, index) => {
          return (
            <div className="ColcardItem" key={index}>
              <CardComponent
                imgUrl={Test}
                video={videoExp}
                id={index}
              ></CardComponent>
            </div>
          );
        })}
      </div>
    </div>
  );
};

export default Home;
